//标签页的切换
function initSwitchTab() {
    //1. 获取标签页的相关元素
    let tabSeesion = document.querySelector('.tab .tab-session');
    let tabFriend = document.querySelector('.tab .tab-friend');
    //此处得到的结果是数组，[0]是会话，[1]是好友
    let lists = document.querySelectorAll('.list');

    //2. 对标签页按钮，注册点击事件
    tabSeesion.onclick = function () {
        // a)设置图标
        tabSeesion.style.backgroundImage = 'url(pic/dialog.png)';
        tabFriend.style.backgroundImage = 'url(pic/user2.png)';
        //b) 显示会话列表
        lists[0].classList = 'list';
        lists[1].classList = 'list hide';
    }

    tabFriend.onclick = function () {
        // a)设置图标
        tabSeesion.style.backgroundImage = 'url(pic/dialog2.png)';
        tabFriend.style.backgroundImage = 'url(pic/user.png)';
        //b) 显示好友列表
        lists[0].classList = 'list hide';
        lists[1].classList = 'list';
    }
}

initSwitchTab();

////////////////////////////////////////////////////////////////////////
// 从服务器获取用户登录数据
////////////////////////////////////////////////////////////////////////
function getUserInfo() {
    $.ajax({
        type: 'get',
        url: '/userInfo',
        success: function (body) {
            //从服务器获取到数据，校验结果是否有效
            if (body.userId && body.userId > 0) {
                //有效时把用户名显示到主界面
                let userDiv = document.querySelector('.main .left .user');
                userDiv.innerHTML = body.username;
                userDiv.setAttribute("user-id", body.userId);
            } else {
                //无效时跳转到登录页面
                alert("当前用户未登录");
                location.assign('/login.html');

            }
            
            
        }
    });
}

getUserInfo();

function getFriendList() {
    $.ajax({
        type: 'get',
        url: '/friendList',
        success: function (body) {
            //1. 先把之前的好友列表的内容给清空
            let friendListUL = document.querySelector('#friend-list');
            friendListUL.innerHTML = '';

            //2. 遍历Body, 把服务器响应结果加回到当前的friend-list中
            for (let friend of body) {
                let li = document.createElement('li');
                li.innerHTML = '<h4>' + friend.friendName + '</h4>';
                //记录firendID, 加到属性上
                li.setAttribute('friend-id', friend.friendId);
                friendListUL.appendChild(li);
            }
        },
        error: function () {
            console.log('获取好友列表失败！');
        }
    });

}

getFriendList();